<template>
  <div class="dev-tool aaa">
    <dl>
      <dt>web前端相关开发软件或工具</dt>
      <dd>
        <a target="_blank" href="https://www.jetbrains.com/webstorm/">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=1995738671,1398492544&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="tool-title aaa-title"><span>webstorm</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://code.visualstudio.com/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=3102802095,1274108669&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="tool-title aaa-title"><span>vscode</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="http://www.dcloud.io/">
          <div class="select-box">
            <div class="img-box"><img src="https://img0.baidu.com/it/u=1002787636,1621997537&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="tool-title aaa-title"><span>HBuilder</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://www.dcloud.io/hbuilderx.html">
          <div class="select-box">
            <div class="img-box"><img src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-dc-site/c40319b0-6080-11eb-918d-3d24828c498c.png" alt=""></div>
            <div class="tool-title aaa-title"><span>HBuilderX</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="http://www.sublimetext.com/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=1598694512,288502820&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="tool-title aaa-title"><span>sublime text3</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://atom.io/">
          <div class="select-box">
            <div class="img-box"><img src="https://img1.baidu.com/it/u=3521616655,2811514768&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
            <div class="tool-title aaa-title"><span>Atom</span></div>
          </div>
        </a>
      </dd>
      <dd>
        <a target="_blank" href="https://www.adobe.com/products/dreamweaver.html">
          <div class="select-box">
            <div class="img-box"><img src="https://www.adobe.com/content/dam/cc/icons/dw_cc_app_RGB.svg" alt=""></div>
            <div class="tool-title aaa-title"><span>DreamWeaver</span></div>
          </div>
        </a>
      </dd>
    </dl>
  </div>
</template>

<script>
export default {
  name: 'web-qd-dev-tools'
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/t5.scss";
</style>
